{% extends 'mbook.html' %}
{% load static %}

{% block content %}
    <div id="comment">
        <div class="comment">
            <nav class="nav">
                <a class="com">全部</a>
                <a class="com">好评</a>
                <a class="com">中评</a>
                <a class="com">差评</a>
            </nav>
        </div>
        <div class="content1">
            <div class="book">
                <img class="book1" src="{% static '/img/page1.jpg' %}">
                <span class="text">22222</span>
            </div>
            <div class="reviews">
                <div class="star">
                    <svg t="1694767571880" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2816" width="16" height="16">
                        <path d="M1001.78244 466.090188a72.996396 72.996396 0 0 0 18.577172-75.272407 72.996396 72.996396 0 0 0-59.299319-49.990228l-247.94169-36.026592a32.397277 32.397277 0 0 1-24.40048-17.736484L577.870225 62.395515a72.996396 72.996396 0 0 0-65.860793-40.927193 72.996396 72.996396 0 0 0-65.840288 40.927193L335.300742 287.064477c-4.716059 9.575651-13.861113 16.198638-24.420985 17.736484L62.938066 340.848058A72.934882 72.934882 0 0 0 3.659252 390.817781a72.996396 72.996396 0 0 0 18.577173 75.272407l179.394793 174.863276c7.648218 7.463676 11.154505 18.20809 9.3501 28.706448L168.639308 916.596876a72.975891 72.975891 0 0 0 29.198558 71.807129 72.832359 72.832359 0 0 0 77.343372 5.597757l221.736804-116.589187a32.458791 32.458791 0 0 1 30.18278 0l221.757309 116.589187a73.160433 73.160433 0 0 0 77.343372-5.597757 72.975891 72.975891 0 0 0 29.198558-71.807129L813.037546 669.680416a32.438286 32.438286 0 0 1 9.3501-28.706447l179.394794-174.883781zM772.643473 676.610973l42.34201 246.91646a31.843652 31.843652 0 0 1-12.897396 31.720625 31.946175 31.946175 0 0 1-34.140169 2.481057l-221.757308-116.609692a73.570525 73.570525 0 0 0-68.362355 0.020505L256.111955 957.729115a31.987185 31.987185 0 0 1-34.160673-2.481057 31.864157 31.864157 0 0 1-12.897397-31.720625l42.342011-246.91646a73.426992 73.426992 0 0 0-21.119744-64.999599l-179.415298-174.883781a31.782139 31.782139 0 0 1-8.201842-33.237965c3.895875-12.015699 13.676572-20.25855 26.163876-22.083461l247.921186-36.026592a73.324469 73.324469 0 0 0 55.300921-40.168522l110.868402-224.668962a31.802643 31.802643 0 0 1 29.075531-18.064558c12.630837 0 23.498278 6.746015 29.096035 18.064558l110.868402 224.668962a73.303965 73.303965 0 0 0 55.280416 40.168522l247.94169 36.026592a31.823148 31.823148 0 0 1 26.163877 22.083461c3.895875 11.995194 0.840689 24.420985-8.201842 33.237965l-179.394794 174.863276a73.406488 73.406488 0 0 0-21.099239 65.020104z"
                              fill="#f4ea2a" p-id="2817"></path>
                    </svg>
                    <svg t="1694767571880" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2816" width="16" height="16">
                        <path d="M1001.78244 466.090188a72.996396 72.996396 0 0 0 18.577172-75.272407 72.996396 72.996396 0 0 0-59.299319-49.990228l-247.94169-36.026592a32.397277 32.397277 0 0 1-24.40048-17.736484L577.870225 62.395515a72.996396 72.996396 0 0 0-65.860793-40.927193 72.996396 72.996396 0 0 0-65.840288 40.927193L335.300742 287.064477c-4.716059 9.575651-13.861113 16.198638-24.420985 17.736484L62.938066 340.848058A72.934882 72.934882 0 0 0 3.659252 390.817781a72.996396 72.996396 0 0 0 18.577173 75.272407l179.394793 174.863276c7.648218 7.463676 11.154505 18.20809 9.3501 28.706448L168.639308 916.596876a72.975891 72.975891 0 0 0 29.198558 71.807129 72.832359 72.832359 0 0 0 77.343372 5.597757l221.736804-116.589187a32.458791 32.458791 0 0 1 30.18278 0l221.757309 116.589187a73.160433 73.160433 0 0 0 77.343372-5.597757 72.975891 72.975891 0 0 0 29.198558-71.807129L813.037546 669.680416a32.438286 32.438286 0 0 1 9.3501-28.706447l179.394794-174.883781zM772.643473 676.610973l42.34201 246.91646a31.843652 31.843652 0 0 1-12.897396 31.720625 31.946175 31.946175 0 0 1-34.140169 2.481057l-221.757308-116.609692a73.570525 73.570525 0 0 0-68.362355 0.020505L256.111955 957.729115a31.987185 31.987185 0 0 1-34.160673-2.481057 31.864157 31.864157 0 0 1-12.897397-31.720625l42.342011-246.91646a73.426992 73.426992 0 0 0-21.119744-64.999599l-179.415298-174.883781a31.782139 31.782139 0 0 1-8.201842-33.237965c3.895875-12.015699 13.676572-20.25855 26.163876-22.083461l247.921186-36.026592a73.324469 73.324469 0 0 0 55.300921-40.168522l110.868402-224.668962a31.802643 31.802643 0 0 1 29.075531-18.064558c12.630837 0 23.498278 6.746015 29.096035 18.064558l110.868402 224.668962a73.303965 73.303965 0 0 0 55.280416 40.168522l247.94169 36.026592a31.823148 31.823148 0 0 1 26.163877 22.083461c3.895875 11.995194 0.840689 24.420985-8.201842 33.237965l-179.394794 174.863276a73.406488 73.406488 0 0 0-21.099239 65.020104z"
                              fill="#f4ea2a" p-id="2817"></path>
                    </svg>
                    <svg t="1694767571880" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2816" width="16" height="16">
                        <path d="M1001.78244 466.090188a72.996396 72.996396 0 0 0 18.577172-75.272407 72.996396 72.996396 0 0 0-59.299319-49.990228l-247.94169-36.026592a32.397277 32.397277 0 0 1-24.40048-17.736484L577.870225 62.395515a72.996396 72.996396 0 0 0-65.860793-40.927193 72.996396 72.996396 0 0 0-65.840288 40.927193L335.300742 287.064477c-4.716059 9.575651-13.861113 16.198638-24.420985 17.736484L62.938066 340.848058A72.934882 72.934882 0 0 0 3.659252 390.817781a72.996396 72.996396 0 0 0 18.577173 75.272407l179.394793 174.863276c7.648218 7.463676 11.154505 18.20809 9.3501 28.706448L168.639308 916.596876a72.975891 72.975891 0 0 0 29.198558 71.807129 72.832359 72.832359 0 0 0 77.343372 5.597757l221.736804-116.589187a32.458791 32.458791 0 0 1 30.18278 0l221.757309 116.589187a73.160433 73.160433 0 0 0 77.343372-5.597757 72.975891 72.975891 0 0 0 29.198558-71.807129L813.037546 669.680416a32.438286 32.438286 0 0 1 9.3501-28.706447l179.394794-174.883781zM772.643473 676.610973l42.34201 246.91646a31.843652 31.843652 0 0 1-12.897396 31.720625 31.946175 31.946175 0 0 1-34.140169 2.481057l-221.757308-116.609692a73.570525 73.570525 0 0 0-68.362355 0.020505L256.111955 957.729115a31.987185 31.987185 0 0 1-34.160673-2.481057 31.864157 31.864157 0 0 1-12.897397-31.720625l42.342011-246.91646a73.426992 73.426992 0 0 0-21.119744-64.999599l-179.415298-174.883781a31.782139 31.782139 0 0 1-8.201842-33.237965c3.895875-12.015699 13.676572-20.25855 26.163876-22.083461l247.921186-36.026592a73.324469 73.324469 0 0 0 55.300921-40.168522l110.868402-224.668962a31.802643 31.802643 0 0 1 29.075531-18.064558c12.630837 0 23.498278 6.746015 29.096035 18.064558l110.868402 224.668962a73.303965 73.303965 0 0 0 55.280416 40.168522l247.94169 36.026592a31.823148 31.823148 0 0 1 26.163877 22.083461c3.895875 11.995194 0.840689 24.420985-8.201842 33.237965l-179.394794 174.863276a73.406488 73.406488 0 0 0-21.099239 65.020104z"
                              fill="#f4ea2a" p-id="2817"></path>
                    </svg>
                    <svg t="1694767571880" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2816" width="16" height="16">
                        <path d="M1001.78244 466.090188a72.996396 72.996396 0 0 0 18.577172-75.272407 72.996396 72.996396 0 0 0-59.299319-49.990228l-247.94169-36.026592a32.397277 32.397277 0 0 1-24.40048-17.736484L577.870225 62.395515a72.996396 72.996396 0 0 0-65.860793-40.927193 72.996396 72.996396 0 0 0-65.840288 40.927193L335.300742 287.064477c-4.716059 9.575651-13.861113 16.198638-24.420985 17.736484L62.938066 340.848058A72.934882 72.934882 0 0 0 3.659252 390.817781a72.996396 72.996396 0 0 0 18.577173 75.272407l179.394793 174.863276c7.648218 7.463676 11.154505 18.20809 9.3501 28.706448L168.639308 916.596876a72.975891 72.975891 0 0 0 29.198558 71.807129 72.832359 72.832359 0 0 0 77.343372 5.597757l221.736804-116.589187a32.458791 32.458791 0 0 1 30.18278 0l221.757309 116.589187a73.160433 73.160433 0 0 0 77.343372-5.597757 72.975891 72.975891 0 0 0 29.198558-71.807129L813.037546 669.680416a32.438286 32.438286 0 0 1 9.3501-28.706447l179.394794-174.883781zM772.643473 676.610973l42.34201 246.91646a31.843652 31.843652 0 0 1-12.897396 31.720625 31.946175 31.946175 0 0 1-34.140169 2.481057l-221.757308-116.609692a73.570525 73.570525 0 0 0-68.362355 0.020505L256.111955 957.729115a31.987185 31.987185 0 0 1-34.160673-2.481057 31.864157 31.864157 0 0 1-12.897397-31.720625l42.342011-246.91646a73.426992 73.426992 0 0 0-21.119744-64.999599l-179.415298-174.883781a31.782139 31.782139 0 0 1-8.201842-33.237965c3.895875-12.015699 13.676572-20.25855 26.163876-22.083461l247.921186-36.026592a73.324469 73.324469 0 0 0 55.300921-40.168522l110.868402-224.668962a31.802643 31.802643 0 0 1 29.075531-18.064558c12.630837 0 23.498278 6.746015 29.096035 18.064558l110.868402 224.668962a73.303965 73.303965 0 0 0 55.280416 40.168522l247.94169 36.026592a31.823148 31.823148 0 0 1 26.163877 22.083461c3.895875 11.995194 0.840689 24.420985-8.201842 33.237965l-179.394794 174.863276a73.406488 73.406488 0 0 0-21.099239 65.020104z"
                              fill="#f4ea2a" p-id="2817"></path>
                    </svg>
                    <svg t="1694767571880" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2816" width="16" height="16">
                        <path d="M1001.78244 466.090188a72.996396 72.996396 0 0 0 18.577172-75.272407 72.996396 72.996396 0 0 0-59.299319-49.990228l-247.94169-36.026592a32.397277 32.397277 0 0 1-24.40048-17.736484L577.870225 62.395515a72.996396 72.996396 0 0 0-65.860793-40.927193 72.996396 72.996396 0 0 0-65.840288 40.927193L335.300742 287.064477c-4.716059 9.575651-13.861113 16.198638-24.420985 17.736484L62.938066 340.848058A72.934882 72.934882 0 0 0 3.659252 390.817781a72.996396 72.996396 0 0 0 18.577173 75.272407l179.394793 174.863276c7.648218 7.463676 11.154505 18.20809 9.3501 28.706448L168.639308 916.596876a72.975891 72.975891 0 0 0 29.198558 71.807129 72.832359 72.832359 0 0 0 77.343372 5.597757l221.736804-116.589187a32.458791 32.458791 0 0 1 30.18278 0l221.757309 116.589187a73.160433 73.160433 0 0 0 77.343372-5.597757 72.975891 72.975891 0 0 0 29.198558-71.807129L813.037546 669.680416a32.438286 32.438286 0 0 1 9.3501-28.706447l179.394794-174.883781zM772.643473 676.610973l42.34201 246.91646a31.843652 31.843652 0 0 1-12.897396 31.720625 31.946175 31.946175 0 0 1-34.140169 2.481057l-221.757308-116.609692a73.570525 73.570525 0 0 0-68.362355 0.020505L256.111955 957.729115a31.987185 31.987185 0 0 1-34.160673-2.481057 31.864157 31.864157 0 0 1-12.897397-31.720625l42.342011-246.91646a73.426992 73.426992 0 0 0-21.119744-64.999599l-179.415298-174.883781a31.782139 31.782139 0 0 1-8.201842-33.237965c3.895875-12.015699 13.676572-20.25855 26.163876-22.083461l247.921186-36.026592a73.324469 73.324469 0 0 0 55.300921-40.168522l110.868402-224.668962a31.802643 31.802643 0 0 1 29.075531-18.064558c12.630837 0 23.498278 6.746015 29.096035 18.064558l110.868402 224.668962a73.303965 73.303965 0 0 0 55.280416 40.168522l247.94169 36.026592a31.823148 31.823148 0 0 1 26.163877 22.083461c3.895875 11.995194 0.840689 24.420985-8.201842 33.237965l-179.394794 174.863276a73.406488 73.406488 0 0 0-21.099239 65.020104z"
                              fill="#f4ea2a" p-id="2817"></path>
                    </svg>
                </div>
                <div class="content2">
                    <span>正版，纸张很好，字迹清晰，五星好评！</span>
                    <span>2023-09-13 08:42</span>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

